<template>
  <div class="top-nav">
    <div class="nav-content">
      <a href="./">
         <img src="../../../assets/imgs/search/jd_logo.png" alt="" >
      </a>

      <h3>欢迎注册</h3>
    </div>
    <span>已有账号？<a href="./login">请登录</a></span>
  </div>
</template>

<script setup>
// Composition API 代码
</script>

<style scoped lang="scss">
.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px;
  border-bottom: 5px solid rgb(242, 242, 242);

  .nav-content {
    display: flex;
    align-items: center;

    img {
      width: 160px;
      height: 50px;
    }

    h3 {
      margin: 0;
      color: white;
      font-size: 18px;
    }
  }

  span {
    color: #ccc;

    a {
      color: rgb(245, 126, 126);
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}
</style>
